import React,{useState,useLayoutEffect,useRef, useEffect} from "react";

// useLayoutEffect 钩子在rendder后同步执行，在重绘之前，可以防止渲染闪烁
export default function () {
    const div1 = useRef()
    useEffect(()=>{
        div1.current.style.transform = `translate(300px)`
    },[])
    // useLayoutEffect(()=>{
    //     div1.current.style.transform = `translate(300px)`
    // },[])
    return (
        <div ref={div1}>
            <h2>AAAA</h2>
        </div>
    )
}